<template>
  <div class="cart">
    <heade :title="msg"></heade>
    <div class="content">
      <p>
        <i class="iconfont icon-qicheqianlian-1"></i>
      </p>
      <span>{{no}}</span>
    </div>
  </div>
</template>

<script>
import heade from './heade'
export default {
  data(){
    return{
      msg:'购物车',
      no:'您的购物车暂无商品'
    }
  },
  components:{
    heade
  }
}

</script>
<style scoped lang="scss">
.cart{
  .content{
    background: rgb(247, 243, 243);
    height:5.73rem;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    p{
      width:0.6rem;
      height:0.6rem;
      border-radius: 0.3rem;
      background: #F2BEBE;
      margin-top:1.6rem;
      display: flex;
      justify-content: center;
      align-items: center;
      i{
        color:#fff;
      }
    }
    span{
      margin-top:0.14rem;
      font-family: PingFangSC-Regular;
      font-size: 0.12rem;
      color: #999999;
      letter-spacing: -0.0024rem;
    }
  }
}
  
</style>